<template>
  <div>
    <div id="person">
      <!-- 上 -->
      <div class="top">
        <span class="iconfont">&#xe6bc;</span>
        <h2>我的</h2>
        <p>
          <span class="iconfont">&#xf0112;</span>
          <i></i>
          <span class="iconfont">&#xe71e;</span>
        </p>
      </div>
      <!-- 中 -->
      <div class="on">
        <p class="p1">
          <img src="../assets/images/me.jpg" alt="" />
        </p>
        <p class="p2">
          <span>代用名</span>
          <span>请完善资料,让小U更懂您</span>
        </p>
        <span class="iconfont s1">&#xe606;<span>每日签到</span></span>
      </div>
      <!-- 下 -->
      <div class="under">
        <p>
          <span>12</span>
          <span>我的收藏</span>
        </p>
        <p>
          <span>24</span>
          <span>浏览记录</span>
        </p>
        <p>
          <span>￥88.88</span>
          <span>我的红包</span>
        </p>
        <p>
          <span>12</span>
          <span>优惠卷</span>
        </p>
      </div>
      <!-- header底部 -->
      <div class="bottom">
        <p class="p2">
          <span>我的订单</span>
          <span>全部订单 <span class="iconfont">&#xe601;</span></span>
        </p>
        <div class="div">
          <p>
            <span class="iconfont">&#xe625;</span>
            <span>代付款</span>
          </p>
          <p>
            <span class="iconfont">&#xe625;</span>
            <span>待收货</span>
          </p>
          <p>
            <span class="iconfont">&#xe625;</span>
            <span>评价</span>
          </p>
          <p>
            <span class="iconfont">&#xe625;</span>
            <span>退货</span>
          </p>
        </div>
      </div>
    </div>
    <div id="blank"></div>
    <div id="mainP">
      <p>
        <span class="iconfont">&#xe613; <span>地址管理</span></span>
        <span class="iconfont">&#xe601;</span>
      </p>
      <p>
        <span class="iconfont">&#xe606; <span>我的钱包</span></span>
        <span
          >剩余200U币
        </span>
      </p>
      <p>
        <span class="iconfont">&#xe646; <span>我的二维码</span></span>
        <span class="iconfont">&#xe601;</span>
      </p>
      <p>
        <span class="iconfont">&#xe61d; <span>我的小伙伴</span></span>
        <span class="iconfont">&#xe601;</span>
      </p>
      <p>
        <span class="iconfont">&#xe653; <span>0元管理</span></span>
        <span class="iconfont">&#xe601;</span>
      </p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
    };
  },
};
</script>

<style scoped>
@import '../assets/css/person.css';
</style>
